/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/* 颜色变量 */

/* 行为相关颜色 */ /*主色调*/
$main-color: #20C6BA; //主色调
$minor-color: #ff9000; //次要颜色
$assist-color: #f87b28; //辅助
$assist-grey-color: #f4f4f4; //辅助灰色

/* 文字基本颜色 */
$text-color-main: #333; //主要本色
$text-color-three:#333;
$text-color-six: #666; //次要灰色，如加载更多的提示信息
$text-color-nine: #999; //辅助文字
$text-color-black: black;
$text-color-inverse: #fff; //反色
$text-color-white: #fff; //反色
$text-color-hint: #cccccc;
$text-color-explain: #c0c0c0;

/* 背景颜色 */
$bg-color-main: #f1f1f1;
$bg-color-assist:#1e1e1e;
$bg-color-white: #ffffff;
$bg-color-ccc: #ccc;
$bg-color-black: black;
$bg-color-grey: $assist-grey-color;
$bg-color-hover: #f1f1f1; //点击状态颜色
$bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色

/* 边框颜色 */
$border-color: #f2f2f2;

/* 文字尺寸 */
$font-size-min: 22rpx;
$font-size-sm: 24rpx;
$font-size-base: 28rpx;
$font-size-lg: 32rpx;

/* 图片尺寸 */
$img-size-sm: 40upx;
$img-size-base: 52upx;
$img-size-lg: 80upx;

/* Border Radius */
$border-radius-sm: 6upx;
$border-radius-base: 10upx;
$border-radius-lg: 20upx;
$border-radius-circle: 50%;

/* 水平间距 */
$sm-interval: 20upx;
$base-interval: 30upx;
$lg-interval: 40upx;

/* 透明度 */
$opacity-disabled: 0.3; // 组件禁用态的透明度

/*flex,两端垂直对齐*/
.flex-space-between-center {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

/*模糊阴影*/
.box-shadow {
	box-shadow: #ddd 0px 0px 20upx;
}

/******段落省略号，默认两行******/
@mixin multi-row-apostrophe($number: 2) {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: $number;
	-webkit-box-orient: vertical;
}
.global-padding {
	padding: 0px $base-interval;
}
.global-height{
	height: 100vh;
	position: fixed;
	left: -100rpx;
	top:0px;
	width: 1rpx;
	opacity: 0;
	z-index: -1;;
	
}
/*拉伸内间距*/
.module-padding-stretch {
	margin: 0px -1 * $base-interval;
	padding: 0px $base-interval;
}
/*拉伸*/
.module-stretch {
	margin: 0px -1 * $base-interval;
}

/*全局按钮*/
.global-button {
	color: $text-color-inverse;
	background-color: $main-color;
	letter-spacing: 1rpx;
	border: 0px;
	margin: 0px;
	line-height: 0;
	height: 88rpx;
	text-align: center;
	@extend .flex-space-between-center;
	justify-content: center;
	color: $text-color-white;
	border-radius: 44rpx;
	font-size: $font-size-lg;
}
